extends ../../components/layout
append style
  +css('orderBooking/orderBooking.css')
block title
  title 订单填写
block content
  include ../../components/data/travelData
  .gzl-page
    section.gzl-section.booking-section
      // 订单信息
      .booking-top
        a(href="#")
          h1.booking-tit
            strong 出发日期：2016-09-30 星期五
          .booking-info BAIS大全景英国爱尔兰威尔士 苏格兰高地 翡翠之岛 15天大全景英国爱尔兰威尔士
      // 填写联系人
      - var bkcontact = ['联系人姓','联系人名','手机号码','电子邮箱']
      .booking-contact
        -for(var i=0;i<bkcontact.length;i++)
          .gzl-cell
            .gzl-label #{bkcontact[i]}
            .gzl-cell__bd
              input.gzl-input(placeholder='请输入'+bkcontact[i])

      // 跟团产品数量选择
      .booking-numlist(data-min="1",data-max="20",data-total="1")
        -for(var i=0;i<ticketType.length;i++)
          .gzl-flex
            .gzl-flex__item #{ticketType[i].typeStr}
              span.numlist-price.font-warn ¥
                em 1300
                | /人
            .gzl-count(data-type=ticketType[i].type)
              span.gzl-count__minus(class=[i>0?' disabled':''])
                +icon('#icon-minus')
              .gzl-count__num #{ticketType[i].num}
              span.gzl-count__plus
                +icon('#icon-plus')

      // 游客选择
      .tourist-select
        .tourist-select-hd
          .gzl-cell
            strong 游客信息
            em.gzl-cell__tip （点击游客信息可更换对应类型的游客）
        ul.tourist-sel-list
          li(data-type="adult")
            +icon('#icon-plus')
            | 选择成人
        ul.tourist-info-list
      // (可选服务,保险,优惠规则,备注)
      +otherBlock
    footer.gzl-footer
      +footbar
append script
  // 游客选择 tpl
  +touristSel
  // 联系人 tpl
  +contactSel
  // 游客列 tpl
  +touristList
  // 保险 tpl
  +insuranceSel
  // 发票选择 tpl
  +invoiceSel
  // 订单价格明细 tpl
  +orderPriceDetail
  +js('orderBooking/travelOrderBooking.js')